<%@ taglib prefix='c' uri='http://java.sun.com/jsp/jstl/core' %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql" %>    
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
   <head>
    <link href="<c:url value="/resources/homepage.css" />" rel="stylesheet">
	<link href="<c:url value="/resources/tcal.css" />" rel="stylesheet">
 	<script type="text/javascript" src="<c:url value="/resources/tcal.js" />"></script> 

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Story Details</title>
<script type="text/javascript">

	function backfun()
	{
		window.location.assign("Storyboard1");
	}
</script>
   </head>
<body>
	<div id="wrapper">
		<!-- ============ HEADER SECTION ============== -->
		<div id="header">
			<div id="headerlogo"></div>
		</div>
		<!-- ============ NAVIGATION SECTION ============== -->
		<div id="menubar">

			<ul>
<li><a href="Project">Projects</a></li>
					<li><a href="Backlog">Backlog</a></li>
					<li><a href="SprintPlanning">Sprint Planning</a></li>
					<li><a href="Storyboard1">Sprint Tracking</a></li>
					<li><a href="logout">Logout</a></li>
				</ul>
		</div>

		<!-- ============ MIDDLE SECTION ============== -->
		<div id="m1">
			<fieldset>
				<legend>
					<h3>Story Details</h3>
				</legend>
		<form:form action="StoryDetails1" method="get" modelAttribute="story">
				<table>
					<tr>
						<td>Story Title</td>
						<td><form:input path="story_title" readonly="true"/>
						</td>
						<td></td>
						<td>Planned Effort</td>
						<td><form:input path="story_point_id" readonly="true" />
						<font color="red">hrs</font>
						</td>
<!-- 						<td>Status</td> -->
<!-- 						<td> -->
<%-- 							<form:select path="status_id" disabled="true" > --%>
<%-- <%-- 										<option value=<c:out value="${status_name.status_id}"/>>${status_name.status_name}</option> --%> 
<%-- 									<c:forEach var="status" items="${liststatus}"> --%>
<%-- 										<option value=<c:out value="${status.status_id}"/>> --%>
<%-- 											<c:out value="${status.status_name}" /> --%>
<!-- 										</option> -->
<%-- 									</c:forEach> --%>
<%-- 								</form:select>						 --%>
<!-- 						</td>		 -->
					</tr>
					<tr>
						<td>Owner</td>
						<td><form:input path="story_owner" readonly="true" />
						</td>						
						<td></td>
<!-- 						<td>Planned Effort</td> -->
<%-- 						<td><form:input path="story_point_id" readonly="true" /> --%>
<!-- 						</td> -->
							<td>Actual Effort</td>
							<td><form:input path="actual_effort" readonly="true"/>
							<font color="red">hrs</font>
							</td>							
					</tr>
					<tr>
						<td>Complexity</td>
								<td><form:select path="complexity_id" disabled="true">
<%-- 									<option value=<c:out value="${complexity_id.complexity_id}"/>>${complexity_id.complexity_name}</option> --%>
									<c:forEach var="complexity" items="${listcomplexity}">
										<option value=<c:out value="${complexity.complexity_id}"/>>
											<c:out value="${complexity.complexity_name}" />
										</option>
									</c:forEach>
								</form:select></td>
						<td></td>
<!-- 						<td>Actual Effort</td> -->
<%-- 						<td><form:input path="actual_effort" readonly="true"/> --%>
<!-- 						<font color="red">hrs</font> -->
<!-- 						</td> -->
							<td>Remaining Effort</td>
							<td><form:input path="remaining_effort" readonly="true" />
							<font color="red">hrs</font>
							</td>
							
					</tr>
					<tr>
						<td>Priority</td>
						<td>
							<form:select path="priority_id" disabled="true" >
<%-- 										<option value=<c:out value="${priority_name.priority_id}"/>>${priority_name.priority_name}</option> --%>
									<c:forEach var="priority" items="${listpriority}">
										<option value=<c:out value="${priority.priority_id}"/>>
											<c:out value="${priority.priority_name}" />
										</option>
									</c:forEach>
								</form:select>						
						</td>		
						<td></td>
<!-- 						<td>Remaining Effort</td> -->
<%-- 						<td><form:input path="remaining_effort" readonly="true" /> --%>
<!-- 						<font color="red">hrs</font> -->
<!-- 						</td> -->
												<td>Status</td>
						<td>
							<form:select path="status_id" disabled="true" >
<%-- 										<option value=<c:out value="${status_name.status_id}"/>>${status_name.status_name}</option> --%>
									<c:forEach var="status" items="${liststatus}">
										<option value=<c:out value="${status.status_id}"/>>
											<c:out value="${status.status_name}" />
										</option>
									</c:forEach>
								</form:select>						
						</td>		
						
					</tr>
					<tr>
						<td>Planned Start Date</td>
						<td><form:input path="planned_start_date" readonly="true" class="tcal" />
						</td>
						<td></td>
						<td>Actual Start Date</td>
						<td><form:input path="actual_start_date" readonly="true" class="tcal" />
						</td>					</tr>
					<tr>
						<td>Planned End Date</td>
						<td><form:input path="planned_end_date" readonly="true" class="tcal" />
						</td>
						<td></td>
						<td>Actual End Date</td>
						<td><form:input path="actual_end_date" readonly="true" class="tcal" />
						</td>
					</tr>
					<tr>
						<td>Description</td>
						<td><form:textarea path="story_description" readonly="true" rows="5" cols="30" />
						</td>
						<td></td>
						<td>Acceptance Criteria</td>
						<td><form:textarea path="acceptance_criteria" readonly="true" rows="5" cols="30" />
						</td>
					</tr>
				</table>
<!-- 				<input type="button" value="BACK" style="margin-left: 390px; width: 100px; height: 30px" onclick="backfun()" /> -->
					<input type="button" value="BACK" style="margin-left:390px; width: 100px; height: 30px" onclick="backfun()" />
		</form:form>
			</fieldset>
		</div>

		<div id="footer">
			<p>Copyright &copy; 2014 - All Rights Reserved - Spring Computing Pvt. Ltd.</p>
		</div>
	</div>


</body>
</html>